<script setup>
import {useRouter} from "vue-router";

defineProps({enter: Boolean})
const router = useRouter()
</script>

<template>
  <view class="container">
    <view class="column content fadeIn d2s" v-if="enter">
      <view class="name font60">行业洞察</view>
      <view class="subName font34 inter">INSIGHT</view>
      <view class="row more top1" @click="router.push('/insight')">
        <view class="font44" style="margin-right: 8%">查看更多</view>
        <img src="../../assets/icons/icon_more.png" alt="" width="14%" class="top2"/>
      </view>
    </view>
  </view>
</template>

<style scoped>
.container {
  background-color: rgba(0, 0, 0, 0.5);
  background-blend-mode: multiply;
  height: calc(100vw * (1020 / 1920));
  background-image: url("https://neocross.oss-cn-beijing.aliyuncs.com/sky/h5pic/img_index_insight_bg.png");

  .content {
    align-items: center;
    margin: auto;

    .name {
      font-weight: bold;
    }

    .subName {
      opacity: 0.3;
    }

    .more {
      flex-direction: row;
      width: 100%;
      cursor: pointer;
      align-items: center;
      justify-content: center;
    }
  }
}
</style>